@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button,a,i{padding:0;margin:0;font-size:100%;box-sizing:border-box; }
ul,li,dl,dt,ol,u,dd { list-style:none; padding:0px; margin:0px; }
address,caption,cite,code,dfn,em,strong,th,var,i,s,a{ font-style:normal; text-decoration:none; }   
label input{vertical-align:middle, outline: none;}
a{text-decoration:none; color:#666;}
a:hover{color:#f00;text-decoration:none;}
a.hidefocus{outline:none}
body{ font:12px/1.5 "微软雅黑",Arial,Helvetica,sans-serif; color:black; background:#fff; }
img{border:0;vertical-align: middle;}
.clear{clear:both;line-height:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
*html .clearfix{height:1%}
*+html .clearfix{height:1%}
.orange{color: #ee7a29;}
.green{color: #0da056;}
.gray{color: #999;}
.blue{color: #06f;}
.red { color:#f66; }
.c1 { color:#ffa800; }

@font-face{
    font-family: 'dutch766';
    src : url('../vendor/font/dutchbi.ttf');
}
.dutch766 { font-family:"dutch766"; }

.container { padding:0px; }
.blocks-xxl-4>.block,.blocks-xxl-4>li { width:25% }
.blocks-xxl-5>.block,.blocks-xxl-5>li { width:20% }

.font-szie-16 { font-size:16px; }
.flex, .slick-track { display:flex; }
.flex-center { -webkit-justify-content:center; justify-content:center; }
.card { margin-bottom:2.143rem; border:none; -webkit-box-shadow:none; box-shadow:none; }
.card > .card-title { padding:12px 20px; }
.card-shadow { -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05); box-shadow:0 1px 1px rgba(0,0,0,.05); }
.p-r-15 { padding-right:15px!important; }
.cover-image { width:100%; }
.ads-image { width:100%; }
.title-icon{ width:100px; height:4px; margin:6px auto; background:#000;}
.case_box { padding:20px 0 10px 0; }

/* 页面顶部 */
.full_coolc_top { width:100%; height:36px; line-height:36px; background:#152b59; position:relative; }
.full_coolc_top a { color:#fff; }
.full_coolc_top a:hover { color:#f00; }
.full_coolc_top .pull-right { padding-right:12px; }
.full_coolc_top .pull-right i { display:block; float:left; height:36px; line-height:38px; margin-right:3px; }
.full_coolc_top .pull-right span { display:block; float:left; height:36px; }
.full_coolc_top .pull-right div,.full_coolc_top .pull-right a { display:block; float:left; }
.full_coolc_top .pull-right .tel { color:#fff; padding-right:17px; position:relative; }
.full_coolc_top .pull-right .tel:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }
.full_coolc_top .pull-right .tel i { font-size:20px; line-height:36px; margin-right:0px; }
.full_coolc_top .pull-right .tel span { font-size:16px; font-weight:bold; padding-left:2px; }
.full_coolc_top .pull-right .mobile { padding:0 15px; color:#fff; position:relative; cursor:pointer; }
.full_coolc_top .pull-right .mobile .mobile_code { width:122px; height:144px; display:none; position:absolute; background:#fff; border:1px solid #dedede; left:-1px; top:36px; z-index:9999999; }
.full_coolc_top .pull-right .mobile .mobile_code p { width:100%; height:24px; line-height:14px; text-align:center; color:#999; }
.full_coolc_top .pull-right .mobile:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }
.full_coolc_top .pull-right .mobile:hover { background:#fff; color:#152b59; }
.full_coolc_top .pull-right .mobile:hover .mobile_code { display:block; }
.full_coolc_top .pull-right .mobile:hover .mobile_code:before { width:84px; height:5px; background:#fff; content:""; position:absolute; left:0px; top:-5px; }
.full_coolc_top .pull-right .mobile:hover:before { height:36px; top:0px; right:0px; background:#dedede; z-index:1000; }
.full_coolc_top .pull-right .mobile:hover:after { height:36px; top:0px; left:-1px; width:1px; content:""; z-index:999; background:#dedede; position:absolute; }
.full_coolc_top .pull-right .shoucang { padding:0 15px; position:relative; }
.full_coolc_top .pull-right .shoucang:before { width:1px; height:12px; content:""; background:#ccc; position:absolute; top:12px; right:0px; }
.full_coolc_top .pull-right .lixi { padding:0 0 0 15px; }

/* 菜单 */
.nav_box_bg { width:100%; height:100px; background:#fff;  }
.nav_box_bg .navbar-collapse { padding:0px; }
.nav_box_bg .container { position:relative; }
.nav_box_bg .container .logo { width:200px; height:100px; float:left; }
.nav_box_bg .container .logo a { width:200px; height:100px; display:block; background:url(../images/logo.png) no-repeat left center; }
.nav_box_bg .container .nav_soso { height:26px; position:absolute; right:0px; top:38px; overflow:hidden; }
.nav_box_bg .container .nav_soso .form { position:relative; display:block; }
.nav_box_bg .container .nav_soso .form .input { width:58px; height:26px; font-size:16px; text-align:right; color:#152b59; transition:all 0.25s ease-out; }
.nav_box_bg .container .nav_soso .form .btn_coolc { height:26px; border:0px; background:none; position:absolute; top:2px; right:40px; color:#152b59; }
.nav_box_bg .container .nav_soso .form .btn_coolc i { font-size:16px; }

/* 底部 */
.footer_warp { width:100%; height:auto; display:table; background:#152b59; padding-top:40px; }
.footer_warp .help_li_box { width:100%; height:auto; display:table; padding-bottom:20px; }
.footer_warp .help_li_box ul { width:auto; float:left; height:auto; display:table; padding-right:60px; }
.footer_warp .help_li_box ul b { width:100%; height:40px; font-size:16px; color:#fff; display:block; }
.footer_warp .help_li_box ul li { width:100%; height:28px; }
.footer_warp .help_li_box ul li a { width:100%; height:28px; line-height:28px; font-size:14px; color:#708093; }
.footer_warp .help_li_box ul li a:hover { color:#f00; }
.footer_warp .help_li_box .code_box { width:151px; height:auto; display:table; float:right; }
.footer_warp .help_li_box .code_box p { width:100%; height:36px; line-height:36px; color:#708093; font-size:14px; text-align:center; }
.footer_warp .footer_box { width:100%; height:62px; line-height:62px; border-top:1px solid #1d3a5b; color:#fff; }
.footer_warp .footer_box .company,.footer_warp .footer_box span,.footer_warp .footer_box .icp { display:block; float:left; color:#fff; }
.footer_warp .footer_box span { padding-left:15px; }
.footer_warp .footer_box .icp { padding-left:15px; }
.footer_warp .footer_box a { color:#fff; }
.footer_warp .footer_box a:hover { color:#f00; }

/* 右侧浮动BAR */
.bsk_rightBar{ width:50px; position:fixed; right:50%; bottom:160px; margin-right:-680px; margin-top:0px; z-index:999}
.bsk_rightBar .link_a { display:block; cursor:pointer; width:50px; height:50px; background:#424242; margin:1px 0 0 0; position:relative; left:0; top:0; transition:all linear .2s}
.bsk_rightBar .link_a .img{ display:block}
.bsk_rightBar .link_a .lChi{ visibility:hidden; opacity:0; filter:alpha(opacity = 0); height:50px; position:absolute; right:49px; top:0; padding:0 20px 0 0; overflow:hidden; transition:all linear .2s}
.bsk_rightBar .link_a .lChi .ar{ display:block; position:absolute; right:10px; top:15px}
.bsk_rightBar .link_a .lChi .txt{ display:block; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 20px; white-space:nowrap; border-radius:4px; background:url(../images/optBg.png) repeat;}
.bsk_rightBar .link_a:hover{ background:url(../images/hoverRtBarBg.jpg) repeat-y;}
.bsk_rightBar .link_a:hover .lChi{ visibility:visible; opacity:1; filter:alpha(opacity = 100);}
.bsk_rightBar .link_a:hover .wxgzh,.bsk_rightBar .link_a:hover .chis{ display:block}
.bsk_rightBar .first{ cursor:default; }
.bsk_rightBar .last{ }
.bsk_rightBar .wxgzh{ display:none; position:absolute; top:-11px; left:-192px; width:188px; height:258px; background:url(../images/gzhEwm.png) no-repeat 0 0}
.bsk_rightBar .chis{ display:none; padding:0 25px 0 0; width:378px; position:absolute; left:-370px; top:-50px}
.bsk_rightBar .chis .ars{ display:block; width:12px; height:22px; background:url(../images/arrIc.png) no-repeat 0 0; position:absolute; right:14px; top:70px; z-index:2}
.bsk_rightBar .cIns { border-radius:3px; overflow:hidden; background:#fff; box-shadow:0 0 16px #dcdbdb; padding:18px 0}
.bsk_rightBar .csIn { width:326px; margin:0 auto; position:relative; left:0; top:0; }
.bsk_rightBar .csIn .tt{ display:block; height:20px; line-height:20px; font-size:16px; color:#333; text-align:left; font-weight:bold; clear:both; }
.bsk_rightBar .csIn .rowx { width:160px; height:48px; border-bottom:1px dotted #eee; text-align:left; font-size:0; float:left; }
.bsk_rightBar .csIn .rowx .lt{ display:block; float:left; zoom:1; line-height:48px; font-size:14px; color:#666; width:66px; text-align:left}
.bsk_rightBar .csIn .rowx .qq_box_s { display:block; float:left; padding-top:13px; }
.bsk_rightBar .csIn .colv{ width:326px; height:auto; display:table; }
.bsk_rightBar .csIn .austin { margin-top:20px; }

/* 列表大标是、位置信息 */
.list_banner { width:100%; height:149px; padding-top:100px; margin-bottom:20px; }
.list_banner .coolc_crumbs { width:1200px; background:#fff; margin:0 auto; }
.list_banner .coolc_crumbs .list_title { width:100%; height:50px; border:1px solid #eee; padding:0 18px; }
.list_banner .coolc_crumbs .list_title b { height:50px; line-height:50px; font-size:20px; padding-right:8px; display:block; float:left; }
.list_banner .coolc_crumbs .list_title span { height:50px; line-height:62px; font-size:14px; font-weight:500; overflow:hidden; color:#ccc; display:block; float:left; }
.list_banner .coolc_crumbs .breadcrumb { width:100%; height:40px; line-height:24px; padding:8px 0px!important; }
.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item { font-size:12px; }
.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item .iconfont { font-size:12px; }
.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item .icon-shouye:before { margin-right:4px; }
.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item a { font-size:12px; color:#999; }
.list_banner .coolc_crumbs .breadcrumb .breadcrumb-item a:hover { color:#f00; }
.list_banner .coolc_crumbs .breadcrumb>li+li:before { color:#ccc; }

/* 列表标签信息 */
.tag_all_box { width:1200px; height:auto; display:table; margin:0 auto; }
.tag_all_box ul li { width:auto; height:32px; line-height:32px; float:left; padding:0 3px 0 0; margin-bottom:3px; }
.tag_all_box ul li a { height:42px; line-height:40px; font-size:18px; font-weight: bold; background:#fff; border:1px solid #eee; display:block; padding:0 12px; }
.tag_all_box ul li a:hover { background:#4e80e2; border:1px solid #4e80e2; color:#fff; }

.listgoods { width:100%; height:auto; display:table; }
.listgoods ul li { margin-bottom:20px; }

/*通用图片动画样式*/
.pic-img { position:relative; display:inline-block; overflow:hidden; }
.pic-img a img { transition:all 0.6s; }
.pic-img a:hover img { transform:scale(1.2); }
.pic-img a:before { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; z-index:9; border-top:1px solid rgba(255, 255, 255, 0.8); border-bottom:1px solid rgba(255, 255, 255, 0.8); transform:scale(0, 1); }
.pic-img a:after { content:""; position:absolute; top:15px; left:15px; bottom:15px; right:15px; z-index:9; border-left:1px solid rgba(255, 255, 255, 0.8); border-right:1px solid rgba(255, 255, 255, 0.8); transform:scale(1, 0); }
.pic-img a:hover:before,.pic-img a:hover:after { transform:scale(1); -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }

/*通用A链接图片动画样式*/
.aimg { position:relative; display:inline-block; }
.aimg a img,.aimg a p { filter:blur(0px); transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.aimg a:after { position:absolute; content:""; background:rgba(0,0,0,1); opacity:0;  left:50%; right:50%; top:50%; bottom:50%; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.aimg a:before { font-family:"iconfont"!important; content:"\e6d1"; font-size:30px; position:absolute; left:50%; top:0%; margin:-18px 0 0 -10px; color:#fff; z-index:99; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.aimg a:hover img,.aimg a:hover p { filter:blur(3px); transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.aimg a:hover:after { position:absolute; content:""; background:rgba(0,0,0,1); opacity:.5; left:0px; right:0px; top:0px; bottom:0px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.aimg a:hover:before { top:50%; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }

/*.table-bordered>tbody>tr>th{ background-color: #dddddd;}*/